<ui:composition template="../../templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="dialogs">
		<p:dialog header="Chamado" widgetVar="dlgAberto" resizable="false"
			draggable="false" closable="false" modal="true">
			<h:form id="mostraChamado">
				<h:panelGrid columns="2">
					<h:outputText value="Numero da solicita&#231;&#227;o" />
					<h:inputText disabled="true"
						value="#{controleBean.solicitacao.numeroSolicitacao}"
						size="#{controleBean.solicitacao.numeroSolicitacao.longValue()}" />

					<h:outputText value="Data de Abertura" />
					<h:inputText disabled="true"
						value="#{controleBean.solicitacao.dataAbertura}"
						size="#{controleBean.solicitacao.dataAbertura.length()}" />

					<h:outputText value="Descri&#231;&#227;o" />
					<h:inputText disabled="true"
						size="#{controleBean.solicitacao.descricao.length()}"
						value="#{controleBean.solicitacao.descricao}" />

					<h:outputText value="Situa&#231;&#227;o" />
					<h:inputText disabled="true"
						size="#{controleBean.solicitacao.situacao.descricao.length()}"
						value="#{controleBean.solicitacao.situacao}" />

					<h:outputText value="Titulo" />
					<h:inputText disabled="true"
						size="#{controleBean.solicitacao.titulo.length()}"
						value="#{controleBean.solicitacao.titulo}" />

					<h:outputText value="Tecnico" />
					<h:inputText disabled="true"
						size="#{controleBean.solicitacao.tec.nome.length()}"
						value="#{controleBean.solicitacao.tec.nome}" />


					<f:facet name="footer">
						<p:commandButton value="Reabrir?" onclick="dlgAberto.hide()"
							action="#{controleBean.updateSolicitacaoReabrir}"
							update=":formsolicitacoes" />
						<p:commandButton value="Fechar" onclick="dlgAberto.hide()" />
					</f:facet>
				</h:panelGrid>
			</h:form>
		</p:dialog>
	</ui:define>

	<ui:define name="content-center">
		<h3>
			<h:outputText value="Todos os Chamados Cancelados" />
		</h3>
		<p:separator />
		<br />
		<h:form id="formsolicitacoes">
			<p:dataTable var="solicitacao" id="dataSolicitacao"
				value="#{controleBean.solicitacoesCanceladasAdm}" paginator="true"
				selection="#{controleBean.solicitacao}" selectionMode="single"
				rowKey="#{solicitacao.numeroSolicitacao}" rows="10"
				paginatorPosition="bottom"
				emptyMessage="N&#227;o h&#225; chamados abertos.">

				<p:ajax event="rowSelect" listener="#{controleBean.onRowSelect}"
					update=":mostraChamado" oncomplete="dlgAberto.show()" />
				<p:ajax event="rowUnselect"
					update=":formsolicitacoes:dataSolicitacao"
					listener="#{controleBean.onRowUnselect}" />

				<p:column headerText="Numero da Solicita&#231;&#227;o" width="140">
					<h:outputText value="#{solicitacao.numeroSolicitacao}" />
				</p:column>

				<p:column headerText="Titulo" width="140">
					<h:outputText value="#{solicitacao.titulo}" />
				</p:column>

				<p:column headerText="Data de Abertura" width="140">
					<h:outputText value="#{solicitacao.dataAbertura}" />
				</p:column>

				<p:column headerText="Tecnico" width="140">
					<h:outputText value="#{solicitacao.tec.nome}" />
				</p:column>

				<p:column headerText="Usuario" width="140">
					<h:outputText value="#{solicitacao.user.nome}" />
				</p:column>

				<p:column headerText="Telefone" width="140">
					<h:outputText value="#{solicitacao.user.telefone}" />
				</p:column>

				<p:column headerText="Situa&#231;&#227;o" width="140">
					<h:outputText value="#{solicitacao.situacao}" />
				</p:column>
			</p:dataTable>
		</h:form>
	</ui:define>
</ui:composition>